<template>
  <div class="hear-top">
    <div class="hear">
      <div class="title">一年级算法</div>
      <div class="content">
        <div><button @click="to">加法</button></div>
        <div><button>减法</button></div>
        <div><button>填空题</button></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    to(){
      this.$router.push({path:'/grade-exe'})
    }
  }
};
</script>

<style scoped lang="scss">
.hear-top {
 
  height: 600px;

 
}
.hear {
    position: relative;
    background: url("../../assets/404_images/timg.jpg");
    height: 500px;
    width: 1000px;
    margin: 0 auto;
  }

.title {
 
  height: 60px;
  width: 180px;
  color: tomato;
  font-weight: 1000;
  letter-spacing:20px;
  line-height: 60px;
  margin: 0 auto;
}

.content{
  display: flex;
  height: 90px;
  width: 500px;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 40px;
  
}

button{
  color: tomato;
}


</style>
